<template>
  <div class="min">
    <a-card :bordered="false">
      <div class="title">电子处方筏</div>
      <a-row :gutter="24">
        <a-col :span="8">
          <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.xingMing}}</span>
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.xingBie==1?'男':'女'}}</span>
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.riQi}}</span>
          </a-form-item>
        </a-col>
      </a-row>
      <a-row :gutter="24">
        <a-col :span="8">
          <a-form-item label="年龄" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.nianLing}}</span>
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.dianHua}}</span>
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.diZhi}}</span>
          </a-form-item>
        </a-col>
      </a-row>
      <a-row :gutter="24">
        <a-col :span="8">
          <a-form-item label="门诊病历号" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.bingLiHao}}</span>
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="科别" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.jiuZhenKeShi}}</span>
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="费别" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <a-radio-group :value="options.feiBie" :disabled="disabled">
              <a-radio value="1">中</a-radio>
              <a-radio value="2">西</a-radio>
            </a-radio-group>
          </a-form-item>
        </a-col>
      </a-row>
      <a-row :gutter="24">
        <a-col :span="8">
          <a-form-item label="诊断" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.zhenDuan}}</span>
          </a-form-item>
        </a-col>
      </a-row>
      <div class="min-boder"></div>
      <div class="mins" v-html="options.zhiLiaoChuFang"></div>
      <a-row :gutter="24">
        <a-col :span="8">
          <a-form-item label="医生" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.jiuZhenYiSheng}}</span>
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="配药" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.peiYao}}</span>
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="总金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <span>{{options.jinE}}</span>
          </a-form-item>
        </a-col>
      </a-row>
    </a-card>
  </div>
</template>

<script>
import { httpAction, getAction } from '@/api/manage'
export default {
  data() {
    return {
      labelCol: {
        xs: { span: 24 },
        sm: { span: 6 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 18 }
      },
      disabled: true,
      options: {}
    }
  },
  created() {
    this.init()
  },
  methods: {
    init() {
      getAction(`/gkakEMRController/queryById?id=${this.$route.query.id}`, {}).then(res => {
        if (res.success) {
          this.options = res.result
        }
      })
    }
  }
}
</script>
<style>
.min {
  border: 1px solid #000;
}
.title {
  margin: 0 auto 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.min-boder {
  width: 98%;
  height: 2px;
  background: #d3d3d3;
  margin: 10px auto 20px;
}
.mins {
  width: 100%;
  min-height: 400px;
}
</style>